<!DOCTYPE html>
<html>
<head>
    <title><%=title%></title>
    <% include common/top.html %>
    <link rel='stylesheet' href='/pc/js/libs/bootstrap-sweetalert/sweetalert.css'/>
    <link rel='stylesheet' href='/pc/css/order.css'/>
    <script src='/pc/js/order.js'></script>
</head>
<body>
<!--大部分页面基于前端渲染，对于少数使用后端渲染页面的时候，配置partials，同时在这边引入content部分-->
    <% include common/header.html %>
    <div class="content container"  v-cloak>
        <div class="panel panel-info">
            <div class="panel-heading">订单信息</div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="dish">
                            <h4>{{shop.shop_name}}  <small>联系方式：{{shop.phone}}</small></h4>
                            <table class="table dish_table">
                                <thead>
                                    <tr>
                                        <th width="80%">菜品</th>
                                        <th>价格/份数</th>
                                    </tr>
                                </thead>
                                <tbody>
                                <tr v-for="dish in dish">
                                    <td>{{dish.name}}</td>
                                    <td>￥{{dish.price}}*{{dish.num}}</td>
                                </tr>
                                </tbody>

                            </table>
                            <div class="price_count">总计：￥{{totalPrice|currency}}</div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="order">
                            <div class="order_header"><h4>送餐详情</h4></div>
                            <div class="order_body">
                                <form class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">送餐地址：</label>
                                    <div class="col-xs-9">
                                        <input type="text" class="form-control" v-model="userBaseInfo.address">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">联系电话：</label>
                                    <div class="col-xs-9">
                                        <input type="text" class="form-control" v-model="userBaseInfo.phone">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">支付方式：</label>
                                    <div class="col-xs-9">
                                        <button class=" btn pay_method select" type="button">餐到付款</button>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">&nbsp;</label>
                                    <div class="col-xs-9">
                                        <button class="btn btn-primary" type="submit" @click.prevent="submit">确认下单</button>
                                    </div>
                                </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>